<!--<template>-->

<!--  <div style="height: 50px; line-height: 50px;border-bottom: 1px solid #ccc; display: flex">-->

<!--    <div style="width: 200px; padding-left: 30px;font-weight: bold; font-size: 25px">名宿云后台</div>-->


<!--    <div style="flex: 1"></div>-->

<!--&lt;!&ndash;个人主页下拉菜单&ndash;&gt;-->
<!--    <div style="width: 100px">-->
<!--      <el-dropdown>-->
<!--    <span class="el-dropdown-link">-->
<!--      用户-->
<!--      <el-icon class="el-icon&#45;&#45;right">-->
<!--        <arrow-down />-->
<!--      </el-icon>-->
<!--    </span>-->
<!--        <template #dropdown>-->
<!--          <el-dropdown-menu router>-->
<!--            <el-dropdown-item @click="$router.push('/person')"> 个人信息</el-dropdown-item>-->
<!--            <el-dropdown-item @click="$router.push('/login')">退出系统</el-dropdown-item>-->
<!--          </el-dropdown-menu>-->
<!--        </template>-->
<!--      </el-dropdown>-->
<!--    </div>-->
<!--  </div>-->
<!--</template>-->
<!--<script>-->
<!--export default {-->
<!--  name: "Header"-->
<!--}-->
<!--</script>-->
<!--<style scoped>-->

<!--</style>-->

<template>
  <div style="height: 60px; line-height: 50px;border-bottom: 1px solid #ccc; display: flex" >
    <div style="width: 200px; padding-left: 30px;font-weight: bold; font-size: 25px">名宿云</div>
    <div style="margin-right: 20px;">
      <el-menu mode="horizontal">
        <el-menu-item @click="$router.push('/Home')">首页</el-menu-item>
        <el-menu-item @click="$router.push('/PersonalCenterSidebar')">个人中心</el-menu-item>
        <el-menu-item @click="$router.push('/')">后台管理</el-menu-item>
        <el-menu-item @click="$router.push('/')">登录注册</el-menu-item>
        <el-menu-item @click="$router.push('/')"></el-menu-item>
      </el-menu>
    </div>
<!--    <div style="display: flex; flex-direction: row-reverse;">-->
<!--      <div style="width: 100px">-->
<!--        <el-dropdown>-->
<!--          <span class="el-dropdown-link">-->
<!--            用户-->
<!--            <el-icon class="el-icon--right">-->
<!--              <arrow-down />-->
<!--            </el-icon>-->
<!--          </span>-->
<!--          <template #dropdown>-->
<!--            <el-dropdown-menu router>-->
<!--              <el-dropdown-item @click="$router.push('/person')">个人信息</el-dropdown-item>-->
<!--              <el-dropdown-item @click="$router.push('/login')">退出系统</el-dropdown-item>-->
<!--            </el-dropdown-menu>-->
<!--          </template>-->
<!--        </el-dropdown>-->
<!--      </div>-->
<!--    </div>-->
  </div>
</template>
<script>
export default {
  name: "Header"
}
</script>
<style scoped>
</style>

